<template>
  <div>公司管理</div>
</template>
<script lang="ts">
import { NavigationGuardNext, RouteLocationNormalized } from 'vue-router'
export default {
  name: 'comIninin',
  beforeRouteUpdate (to, from, next) {
    // 组件的内置钩子 发生在路由信息变化之前 //使用的场景就是需要监听路由参数的变化而路由的路径并没有发改变的时候
    console.log('通过 beforeRouteUpdate 来监听路由信息的变化', to)
    next()
  },

  beforeRouteEnter (
    to: RouteLocationNormalized,
    from: RouteLocationNormalized,
    next: NavigationGuardNext
  ) {
    // 组件内的守卫钩子,发生在路由信息变化之前
    console.log('不给进')
    console.log(to, next, from)
    next()
    // 用是否执行next方法来判定是否能进去该页面
  },
  beforeRouteLeave (
    to: RouteLocationNormalized,
    from: RouteLocationNormalized,
    next: NavigationGuardNext
  ) {
    // 组件内的守卫钩子,发生在路由信息变化之后
    const { path } = to
    if (path !== '/qati') return next()
  }
}
</script>
